<template>
  <div id="common-tab">
    <van-tabbar route active-color="#ff734c" inactive-color="#333">
      <van-tabbar-item to="/home" icon="home" icon-prefix="icon"
        >首页</van-tabbar-item
      >
      <van-tabbar-item to="/cate" icon="fenlei" icon-prefix="icon"
        >分类</van-tabbar-item
      >
      <van-tabbar-item to="/cart" :badge="$store.state.cart.items.length||''" icon="htmal5icon29" icon-prefix="icon"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item
        to="/user"
        icon="icon-user
"
        icon-prefix="icon"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>
<style lang="scss" scoped>
#common-tab {
  /deep/ .icon {
    font-size: 22px;
  }
}
</style>
